<template>
  <div id="app">
    <RouterView></RouterView>
  </div>
</template>

<script>
/* 测试代码 
import { mapGetters } from 'vuex';

const getters = {
  a: () => 1,
  b: () => 2,
};
function fn(keys) {
  const data = {};
  keys.forEach((key) => {
    if (Object.prototype.hasOwnProperty.call(getters, key)) {
      data[key] = getters[key];
    }
  });
  return data;
}

export default {
  computed: {
    ...mapGetters(['test']),
    ...fn(['a', 'b', 'c']),
  },
  mounted() {
    // this.$store.dispatch('setTest', 10).then(() => {
    //   console.log(this.test);
    // });

    console.log(this.a, this.b);
  },
};*/
export default {};
document.addEventListener('DOMContentLoaded', () => {
  const html = document.querySelector('html');
  let fontSize = window.innerWidth / 10;
  fontSize = fontSize > 50 ? 50 : fontSize;
  html.style.fontSize = fontSize + 'px';
});
</script>

<style lang="scss" scoped>
#app {
  width: 100%;
  height: 100%;
  background: #7d8188;
  overflow: hidden;
}
</style>
